﻿
@{
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}


<head>
    <meta name="viewport" content="width=device-width" />
    <title>Main</title>
    
    <link rel="stylesheet" href="~/Content/main.css" />
    <link rel="stylesheet" href="~/Content/theme.css" />
    <link rel="stylesheet" href="~/Content/MoneAdmin.css" />
    <link rel="stylesheet" href="~/Content/font-awesome.css" />
    <link href="~/Content/layout2.css" rel="stylesheet" />
    <link href="~/Content/examples.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/Content/timeline.css" />
</head>
<body class="padTop53">

    <!-- MAIN WRAPPER -->
    <!-- END HEADER SECTION -->
    <!-- MENU SECTION -->
    <!--END MENU SECTION -->
    <!--PAGE CONTENT -->
    <div id="content" style="width:940PX;margin-top:-50px;">

        <div class="inner" style="min-height: 700px;">
            
            <!--BLOCK SECTION -->
            <!--END BLOCK SECTION -->
            <hr />
            <!-- CHART & CHAT  SECTION -->
            <div class="row">
                <div class="col-lg-8">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Biểu Đồ Hoạt Động
                        </div>


                        <div class="demo-container">
                            <div id="placeholderRT" class="demo-placeholder"></div>
                        </div>

                    </div>

                </div>


                <div class="col-lg-4">

                    <div class="chat-panel panel panel-primary">
                        <div class="panel-heading">
                            <i class="icon-comments"></i>
                            Chat
                            <div class="btn-group pull-right">
                                <button type="button" data-toggle="dropdown">
                                    <i class="icon-chevron-down"></i>
                                </button>
                                <ul class="dropdown-menu slidedown">
                                    <li>
                                        <a href="#">
                                            <i class="icon-refresh"></i> Làm mới
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class=" icon-comment"></i> Rảnh rổi
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="icon-time"></i> Bận
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="icon-tint"></i> Vắng mặt
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#">
                                            <i class="icon-signout"></i> Thoát
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel-body">
                            <ul class="chat">
                                <li class="left clearfix">
                                    <span class="chat-img pull-left">
                                        <img src="~/Content/images/icon1.jpeg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;"/ >
                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <strong class="primary-font"> Jack Sparrow </strong>
                                            <small class="pull-right text-muted">
                                                <i class="icon-time"></i> 12 mins ago
                                            </small>
                                        </div>
                                        <br />
                                        <p>
                                            Mua từ đợt khuyến mãi vừa rồi. Máy đã rẻ rồi còn được giảm giá nữa.Lúc đầu mua cũng hơi sợ nhưng thấy trên đây review cũng ổn nên mình quyết định mua về xài.
                                        </p>
                                    </div>
                                </li>
                                <li class="right clearfix">
                                    <span class="chat-img pull-right">
                                        <img src="~/Content/images/icon2.jpg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;" /> 
                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <small class=" text-muted">
                                                <i class="icon-time"></i> 13 mins ago
                                            </small>
                                            <strong class="pull-right primary-font"> Jhony Deen</strong>
                                        </div>
                                        <br />
                                        <p>
                                            Tuy may co cau hinh cao nhung van boc lo nhung diem yeu sau
                                        </p>
                                    </div>
                                </li>
                                <li class="left clearfix">
                                    <span class="chat-img pull-left">
                                        <img src="~/Content/images/icon1.jpeg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;" /> 
                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <strong class="primary-font"> Jack Sparrow </strong>
                                            <small class="pull-right text-muted">
                                                <i class="icon-time"></i> 12 mins ago
                                            </small>
                                        </div>
                                        <br />
                                        <p>
                                            Kiểu dáng lạ, khác biệt nhìn sang trọng, năng động ko phải kiểu nhàm chán. Chạy mượt, camera màu sắc đẹp, pin cũng được vì mình ko rành lắm nhưng cũng được gần 1 ngày nếu ko xài nhiều.
                                        </p>
                                    </div>
                                </li>
                                <li class="right clearfix">
                                    <span class="chat-img pull-right">
                                        <img src="~/Content/images/icon2.jpg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;" /> 
                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <small class=" text-muted">
                                                <i class="icon-time"></i> 13 mins ago
                                            </small>
                                            <strong class="pull-right primary-font"> Jhony Deen</strong>
                                        </div>
                                        <br />
                                        <p>
                                            Dùng thử của bạn thấy thích nên quyết định mua luôn. Chỉ tiếc nhất là chưa có phụ kiện nhiều, camera chụp hình ko bị giả, rõ nét màu cũng đẹp, ưng nhất cai do.
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="panel-footer">
                            <div class="input-group">
                                <input id="Text1" type="text" class="form-control input-sm" placeholder="Nhập tin nhắn..." style="width:190px;"/>
                                <span class="input-group-btn">
                                    <button class="btn btn-warning btn-sm" id="Button1" style="margin-top:12px;">
                                        Gửi
                                    </button>
                                </span>
                            </div>
                        </div>

                    </div>


                </div>
            </div>
            <!--END CHAT & CHAT SECTION -->
            <!-- COMMENT AND NOTIFICATION  SECTION -->
            <div class="row">
                <div class="col-lg-7">

                    <div class="chat-panel panel panel-success">
                        <div class="panel-heading">
                            <i class="icon-comments"></i>
                            Nhận xét mới

                        </div>

                        <div class="panel-body">
                            <ul class="chat">
                                <li class="left clearfix">
                                    <span class="chat-img pull-left">
                                        <img src="~/Content/images/icon1.jpeg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;" />

                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <strong class="primary-font "> Jack Sparrow </strong>
                                            <small class="pull-right text-muted label label-danger">
                                                <i class="icon-time"></i> 12 mins ago
                                            </small>
                                        </div>
                                        <br />
                                        <p>
                                            nhìn đau mắt, nhức đầu., chóng hết cả mặt.
                                            cái này mua về chỉ dùng đúng được 1 chức năng là cái "giá để điện thoại".
                                        </p>
                                    </div>
                                </li>
                                <li class="right clearfix">
                                    <span class="chat-img pull-right">
                                        <img src="~/Content/images/icon1.jpeg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;" />

                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <small class=" text-muted label label-info">
                                                <i class="icon-time"></i> 13 mins ago
                                            </small>
                                            <strong class="pull-right primary-font"> Jhony Deen</strong>
                                        </div>
                                        <br />
                                        <p>
                                            nhìn mờ mắt quá! tiền nào của đó! mua rối giờ quang ra 1 ben không đụng tới
                                        </p>
                                    </div>
                                </li>
                                <li class="left clearfix">
                                    <span class="chat-img pull-left">
                                        <img src="~/Content/images/icon1.jpeg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;" />

                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <strong class="primary-font"> Jack Sparrow </strong>
                                            <small class="pull-right text-muted label label-warning">
                                                <i class="icon-time"></i> 12 mins ago
                                            </small>
                                        </div>
                                        <br />
                                        <p>
                                            sản phẩm xài tốt có thể đặt trong không gian nhỏ khỏi cầm đỡ mỏi tay 
                                        </p>
                                    </div>
                                </li>
                                <li class="right clearfix">
                                    <span class="chat-img pull-right">
                                        <img src="~/Content/images/icon1.jpeg" alt="User Avatar" class="img-circle" style="width:50px;height:50px;" />

                                    </span>
                                    <div class="chat-body clearfix">
                                        <div class="header">
                                            <small class=" text-muted label label-primary">
                                                <i class="icon-time"></i> 13 mins ago
                                            </small>
                                            <strong class="pull-right primary-font"> Jhony Deen</strong>
                                        </div>
                                        <br />
                                        <p>
                                            Sản phẩm tiện lợi xem khá ok, đỡ mỏi mắt...
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="panel-footer">
                            <div class="input-group">
                                <input id="btn-input" type="text" class="form-control input-sm" placeholder="Nhập tin nhắn..." style="width:400px;" />
                                <span class="input-group-btn">
                                    <button class="btn btn-success btn-sm" id="btn-chat" style="margin-top:13px;">
                                        Gửi
                                    </button>
                                </span>
                            </div>
                        </div>

                    </div>


                </div>
                <div class="col-lg-5">

                    <div class="panel panel-danger">
                        <div class="panel-heading">
                            <i class="icon-bell"></i> Bảng điều Khiển Thông báo 
                        </div>

                        <div class="panel-body">
                            <div class="list-group">
                                <a href="#" class="list-group-item">
                                    <i class=" icon-comment"></i> Nhận xét mới
                                    <span class="pull-right text-muted small">
                                        <em> 4 minutes ago</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="icon-twitter"></i> 3 Người theo dõi mới
                                    <span class="pull-right text-muted small">
                                        <em> 12 minutes ago</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="icon-envelope"></i>Tin nhắn đã được gửi
                                    <span class="pull-right text-muted small">
                                        <em> 27 minutes ago</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="icon-tasks"></i> Nhiệm vụ mới
                                    <span class="pull-right text-muted small">
                                        <em>43 minutes ago</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="icon-upload"></i> Khởi động lại máy chủ
                                    <span class="pull-right text-muted small">
                                        <em>11:32 AM</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="icon-warning-sign"></i> Máy chủ lỗi!
                                    <span class="pull-right text-muted small">
                                        <em>11:13 AM</em>
                                    </span>
                                </a>

                                <a href="#" class="list-group-item">
                                    <i class="icon-ok"></i> Đặt hàng Mới
                                    <span class="pull-right text-muted small">
                                        <em>9:49 AM</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class=" icon-money"></i> Thanh toán nhận được
                                    <span class="pull-right text-muted small">
                                        <em>Yesterday</em>
                                    </span>
                                </a>
                            </div>

                            <a href="#" class="btn btn-default btn-block btn-primary">Xem Tất cả Cảnh báo</a>
                        </div>

                    </div>



                </div>
            </div>
            <!-- END COMMENT AND NOTIFICATION  SECTION -->
            <!--  STACKING CHART  SECTION   -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Biểu Đồ
                        </div>

                        <div class="panel-body">

                            <div class="demo-container">
                                <div id="placeholderStack" class="demo-placeholder"></div>
                            </div>

                        </div>

                    </div>
                </div>

            </div>
            <!--END STACKING CHART SCETION  -->
            <!--TABLE, PANEL, ACCORDION AND MODAL  -->
            <!--TABLE, PANEL, ACCORDION AND MODAL  -->


        </div>

    </div>
    <!--END PAGE CONTENT -->
    <!-- RIGHT STRIP  SECTION -->
    <div id="right">


        <div class="well well-small">
            <ul class="list-unstyled">
                <li>Khách &nbsp; : <span>23,000</span></li>
                <li>Người sử dụng &nbsp; : <span>53,000</span></li>
                <li>Đăng ký &nbsp; : <span>3,000</span></li>
            </ul>
        </div>
        <div class="well well-small">
            <button class="btn btn-block"> Trợ Giúp </button>
            <button class="btn btn-primary btn-block"> Thẻ</button>
            <button class="btn btn-info btn-block"> Mới </button>
            <button class="btn btn-success btn-block"> Người sử dụng </button>
            <button class="btn btn-danger btn-block"> Số tiền lời </button>
            <button class="btn btn-warning btn-block"> Bán hàng </button>
            <button class="btn btn-inverse btn-block"> Hàng hóa </button>
        </div>
        <div class="well well-small">
            <span>LỢI NHUẬN</span><span class="pull-right"><small>20%</small></span>

            <div class="progress mini">
                <div class="progress-bar progress-bar-info" style="width: 20%"></div>
            </div>
            <span>BÁN HÀNG</span><span class="pull-right"><small>40%</small></span>

            <div class="progress mini">
                <div class="progress-bar progress-bar-success" style="width: 40%"></div>
            </div>
            <span>Tồn</span><span class="pull-right"><small>60%</small></span>

            <div class="progress mini">
                <div class="progress-bar progress-bar-warning" style="width: 60%"></div>
            </div>
            <span>TỔNG KẾT</span><span class="pull-right"><small>80%</small></span>

            <div class="progress mini">
                <div class="progress-bar progress-bar-danger" style="width: 80%"></div>
            </div>
        </div>




    </div>
    <!-- END RIGHT STRIP  SECTION -->
    <script src="~/Scripts/jquery-2.1.4.min.js"></script>
    
    <script src="~/Scripts/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    <!-- END GLOBAL SCRIPTS -->
    <!-- PAGE LEVEL SCRIPTS -->
    <script src="~/Scripts/jquery.flot.js"></script>
    <script src="~/Scripts/jquery.flot.resize.js"></script>
    <script src="~/Scripts/jquery.flot.time.js"></script>
    <script src="~/Scripts/jquery.flot.stack.js"></script>
    <script src="~/Scripts/for_index.js"></script>
</body>
